﻿<%@ page title="jGrowl Plugin" language="C#" masterpagefile="~/standard.master" codefile="jgrowl.aspx.cs" inherits="Sample.JQuery.JGrowlPage" %>
<asp:content id="Content" contentplaceholderid="ContentPlaceHolder" runat="Server">
	<div><asp:hyperlink runat="server" id="CodeLink" navigateurl="~/code.aspx?file=jgrowl&title=jGrowl+Plugin+Code" text="View Source Code" /></div>
	<div><asp:label runat="server" id="TimestampLabel" /></div>
	<p>
		This is the GreenIsomer ASPX implementation of the
		<jquery:themedicon runat="server" symbol="NewWin" tooltip="Opens in New Window" />
		<a href="http://stanlemon.net/projects/jgrowl.html" target="_blank">jGrowl Plugin</a>.
	</p>
	<jquery:themedpanel runat="server">
		<asp:updatepanel runat="server" id="UpdatePanel">
			<contenttemplate>
				<jquery:jgrowl runat="server" id="JGrowl" corners="15px" />
				<div>
					<asp:checkbox runat="server" id="Message1Check" text="Send Message 1" />
					<asp:checkbox runat="server" id="Message2Check" text="Send Message 2" />
					<asp:checkbox runat="server" id="Message3Check" text="Send Message 3" />
					<asp:checkbox runat="server" id="Message4Check" text="Send Message 4" />
				</div>
				<div>
					<p>
						The post-back below is inside an ATLAS UpdatePanel control.
						Notice how the timestamp on the below updates, while the timestamp above page does not.
					</p>
					<p>
						Also, you do not have to wait for the message to disappear before clicking the UpdatePanel button again.  Give it a try!
					</p>
					<asp:button runat="server" id="AtlasPostBackButton" text="UpdatePanel Post-back" />
					<div><asp:label runat="server" id="AtlasTimestampLabel" /></div>
				</div>
			</contenttemplate>
		</asp:updatepanel>
		<p>
			The post-back below is a simple ASPX button control with no UpdatePanel.
			Notice how all timestamps on the page update.
		</p>
		<asp:button runat="server" id="TraditionalPostBackButton" text="Traditional Post-back" />
	</jquery:themedpanel>
</asp:content>